<template>
  <div>
    <!-- vue 事件处理函数中获取事件对象
    1、事件函数不传参，在事件处理函数中直接接收形参（事件对象）
    2、事件函数传参，要使用 $event 显式的传入到实参中，在事件处理函数的形参对应的位置接收参数
    -->
    <a href="http://www.baidu.com" @click="fn">百度</a>
    <br />
    <a href="http://www.jd.com" @click="fun('哈哈',$event)">京东</a>
  </div>
</template>

<script>
export default {
  methods: {
    fn(e) {
      e.preventDefault()
      console.log(e)
    },
    fun(str, e) {
      e.preventDefault()
      console.log(e)
      console.log(str)
    },
  },
}
</script>

<style>
</style>